<template>
  <el-card class="avue_height platformStockInList">
    <el-row :gutter="12" style="padding:10px">
      <el-col :span="4" style="minWidth:170px;margin-right:10px">
        <el-card :shadow="keyName=='1'?'always':'hover'" style="cursor: pointer;">
          <div @click="callback('1')">
            <h3>采购入库</h3>
            <span>{{tab.allShop}}</span>
          </div>
        </el-card>
      </el-col>
      <el-col :span="4" style="minWidth:170px;margin-right:10px">
        <el-card :shadow="keyName=='2'?'always':'hover'" style="cursor: pointer;">
          <div @click="callback('2')">
            <h3>门店退货入库</h3>
            <span>{{tab.openShop}}</span>
          </div>
        </el-card>
      </el-col>
      <!-- <el-col :span="4" style="minWidth:170px;margin-right:10px">
        <el-card :shadow="keyName=='3'?'always':'hover'" style="cursor: pointer;">
          <div @click="callback('3')">
            <h3>其他入库</h3>
            <span>{{tab.stopShop}}</span>
          </div>
        </el-card>
      </el-col> -->
    </el-row>
    <search :keyName="keyName" @search="search" @resetSearch="resetSearch" ref="search" />
    <allShop ref="allShop" @trigger="trigger" v-show="keyName == '1'" />
    <openShop ref="openShop" @trigger="trigger" v-show="keyName == '2'" />
    <!-- <stopShop ref="stopShop" @trigger="trigger" v-show="keyName == '3'" /> -->
  </el-card>
</template>

<script src='./index'></script>

<style lang="scss">
.content {
  .table_caozuoAdd {
    margin: 10px 0px 20px 0px;
  }
}

.platformStockInList {
  h3 {
    margin: 0 0 10px 0;
  }
  .el-card.is-always-shadow,
  .el-card.is-hover-shadow:focus,
  .el-card.is-hover-shadow:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5)!important
  }
}
</style>